<template>
	<view class="smart-container">1.容器</view>
	<view class="smart-panel-h" @click = "goDetailPage('view')"><text>view视图</text></view>
	<view class="smart-panel-h" >scroll-view视图</view>
	<view class="smart-panel-h" @click="goDetailPage('swiper')">swiper可滑动视图</view>
	<view class="smart-container">2.基础内容</view>
	<view class="smart-panel-h" @click="goDetailPage('text')">text文本编辑</view>
	<view class="smart-panel-h" @click="goDetailPage('icon')">icon图标</view>
	<view class="smart-container">3.表单组件</view>
	<view class="smart-panel-h" @click="goDetailPage('button')">button按钮</view>
	<view class="smart-panel-h" @click="goDetailPage('checkbox')">checkbox多选框</view>
	<view class="smart-panel-h" @click="goDetailPage('scroll-view')">label标签组件</view>
	<view class="smart-panel-h" @click="goDetailPage('input')">input输入框</view>
	<view class="smart-panel-h" @click="goDetailPage('form')">form表单</view>
	<view class="smart-container">4.导航组件</view>
	<view class="smart-panel-h" @click="goDetailPage('navigator')">navigator</view>
	<view class="smart-panel-h" @click="goDetailPage('scroll-view')">122742023051朱聿权</view>
	<view class="smart-container">4.导航组件</view>
	<navigator url="/pages/cardviewpage/cardviewpage" class="container">5.自定义组件</navigator>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goDetailPage(e){if (typeof e==='string'){
				uni.navigateTo({
					url:'/pages/component/'+e+'/'+e
				});
				}else{uni.navigateTo({
					url:e.url
				});
			}		
		  }
			
		}
	}
</script>

<style>

</style>
